<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="test" id="no1">   
        <p>wall</p>
        <p>eye</p>
        <p>knee</p>
        我想把你的你写到我家户口本上
        <!-- 世界上最浪漫的事情是陪你一起吃早餐 -->
    </div>
    <script>
  
       /*  元素节点 <div></div>  <p></p> <p></p><p></p>
          属性节点  class='test' id="no1"
          文本节点  wall eye knee 我想把你的你写到我家户口本上  换行 空白 
          注释节点  <!-- 世界上最浪漫的事情是陪你一起吃早餐 
        */
            
        
        //第一行 文本节点  元素节点  属性节点  文本节点   
        // 第二行 文本节点  元素节点  文本节点  文本节点 
        // 第三行 文本节点  元素节点  文本节点  文本节点
        // 第四行 文本节点  元素节点  文本节点  文本节点 
        // 第五行 文本节点 
        // 第六行 文本节点  注释节点  
        
    </script>
  
</body>
</html>